<html>
<link rel="stylesheet" href="css/paging.css">
<style>
* {
	margin: 0px;
	padding: 0;
	text-align: center;
}

#imgs {
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 0;
	
}

#imgs li {
	list-style: none;
	display: inline-block;
	margin-top: 12px;
}

#imgs a {
	text-decoration: none;
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
}

.box{
	position: relative;
	top:55px;
	padding-left: 37%;
}
</style>
<body>
	<h1>SHOW MM</h1>
	<ul id="imgs">
		<#list imgFolderList as list>
		<li><a href="showImg?imgFolder=${list.imgFolderName}"> <img
				width="200" src="${nginxAddr}${list.imgPath?substring(5)}" />
				<br> ${list.imgFolderName}
		</a></li> </#list>
	</ul>

	<div><div class="box" id="page"></div></div>
	<#include "inc/music.ftl"/>
	<#include "inc/footer.ftl"/>

</body>
<script src="js/jquery.min.js"></script>
<script src="js/paging.js"></script>
<script>
	var page = ${page};
	$('#page').paging({
		initPageNo : page, // 初始页码
		totalPages : ${countPage}, //总页数
		//totalCount: '合计' + setTotalCount + '条数据', // 条目总数
		slideSpeed : 800, // 缓动速度。单位毫秒
		jump : false, //是否支持跳转
		callback : function(page2) { // 回调函数
			page = page2;
		}
	})
	
	$('#page > *').click(function(){
		window.location.href = '?page='+page;
	})
</script>
</html>